.recordWrapper {
    overflow: hidden;
    .recordLeft{
        float: left;
        width:66.6%;
        .msgTop{
            background-color: #f4f3f3;
            height:40px;
            line-height: 40px;
            overflow: hidden;
            padding:0 20px;
            margin-bottom:20px;
            .topLeft{
                float: left;
                font-size:14px;
                .allBtn{
                    color:#999;
                    margin-right:20px;
                    cursor: pointer;
                }
                .noBtn{
                    color:#999;
                    cursor: pointer;
                }
                .selectActive{
                    color:#555;
                    margin-right:20px;
                }
            }
            .topRight{
                float: right;
            }
        }
        .msgList{
            height:462px;
            overflow-y: auto;
            ul{
                li{
                    border:1px solid #dcdcdc;
                    padding:15px 20px 15px 30px;
                    overflow: hidden;
                    margin-bottom:16px;
                    position: relative;
                    img{
                        float: left;
                    }
                    .selectCheck{
                        position: absolute;
                        top:25px;
                        left:10px;
                    }
                    .contentRight{
                        float: right;
                        width:92%;
                        h3{
                            font-size:14px;
                            color:#5c5c5c;
                            overflow: hidden;
                            text-overflow:ellipsis;
                            white-space: nowrap;
                            span{
                                display: inline-block;
                                width:8px;
                                height:8px;
                                border-radius: 50%;
                                background-color: #ff0000;
                            }
                            
                        }
                        .msgDesc{
                            margin-top:5px;
                            span{
                                color:#999;
                                font-size:12px;
                            }
                            .lookDetail{
                                color:#5187eb;
                                cursor: pointer;
                                margin-left:10px;
                            }
                            a{
                                margin-left:10px;
                                color:#5187eb;
                                font-size:12px;
                            }
                        }
                    }
                    i{
                        position: absolute;
                        right:20px;
                        top:25px;
                        color:#dddddd;
                        // 选中颜色
                        // color:#5187eb;
                        font-size:28px;
                    }
                    .checkbox{
                        position: absolute;
                        top:30px;
                        right:20px
                    }
                    .deleteBtn{
												height: 29px;
												width: 29px;
                        position: absolute;
                        bottom:12px;
                        right:10px;
                    }

                }
            }
        }
        .msgList ul li:hover{
            background-color: #fafafa;
        }
    }
    .recordRight {
        float: right;
        width: 32.5%;
        background-color: #ededed;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
        padding: 15px 10px 10px;

        h2 {
            font-size: 20px;
            color: #2468f2;
            padding-left: 10px;
            margin-bottom: 15px;

            span {
                display: inline-block;
                vertical-align: middle;
                background-color: #2468f2;
                width: 5px;
                height: 20px;
                margin-right: 8px;
            }
        }

        .productList {
            background-color: #fff;
            border: 1px solid #e7e7e7;
            height: 485px;


            ul {
                li {
                    overflow: hidden;
                    padding: 0 15px;
                    line-height: 46px;
                    border-bottom: 1px dashed #dcdcdc;

                    .msgNew {
                        float: left;
                        width: 70%;
                       
                        svg {
                            display: inline-block;
                            vertical-align: middle;
                            margin-right: 6px;
                            fill:#666666;
                            stroke:#666666;
                        }

                        .newTitle {
                            width: 180px;
                            display: inline-block;
                            vertical-align: middle;
                            font-size: 14px;
                            color: #666;
                            overflow: hidden; //设置了这个属性，text-overflow属性才会生效
                            text-overflow: ellipsis; //超出范围的文本内容用省略号显示。
                            white-space: nowrap; //禁止换行 
                            cursor: pointer;
                        }
                    }

                    .newDate {
                        float: right;
                        font-size: 14px;
                        color: #666;
                    }

                    &:last-child {
                        border-bottom: 0;
                    }
                }
            }
        }
        .productList ul li:hover{
            .msgNew{
                svg{
                    fill: #003497;
                    stroke:#003497;
                }
                .newTitle{
                    color:#003497;
                }
            }
            .newDate{
                color:#003497;
            }
        }
    }
}

.demo-form-inline {
    /deep/.el-col-2 {
        text-align: center;
        width: 8.33333%;
    }

    /deep/.el-input__inner {
        border: 1px solid #033899;
    }

    /deep/.el-radio-button__orig-radio:checked+.el-radio-button__inner {
        color: #5c5c5c;
        background-color: #daeafd;
        border-color: #daeafd;
        box-shadow: -1px 0 0 0 #daeafd;
    }

    /deep/.el-radio-button__inner {
        // width:66px;
        background-color: #ededed;
        border: 1px solid #ededed;
    }

    .el-radio-button {
        // width:66px;
        margin-right: 10px;
        border-radius: 0;
    }

    /deep/.el-radio-button:first-child .el-radio-button__inner {
        border-radius: 0;
    }

    /deep/.el-radio-button:last-child .el-radio-button__inner {
        border-radius: 0;
    }

    .el-date-editor {
        width: 156px;
    }

    .iptWrapper .el-input {
        width: 218px;
    }

}

/deep/.el-table thead {
    color: #033899;
    font-weight: 500;
}

.indexPage {
    padding-right: 30px;
    margin-top: 15px;
    text-align: right;

    /deep/.el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
        margin: 0 5px;
        background-color: #f4f4f5;
        color: #606266;
        min-width: 30px;
        border-radius: 50% !important;
    }

    /deep/.el-pager li {
        padding: 0 4px;
        font-size: 13px;
        min-width: 30px;
        height: 30px;
        line-height: 30px;
        box-sizing: border-box;
        text-align: center;
        border-radius: 50%;
    }

    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #003497;
        color: #FFF;
    }
}

.nameTitle {
    color: #007eff;
}